// pages/mine/mine.js
Page({

  /**
   * 页面的初始数据
   */
  // data: {
  //   canIUse: wx.canIUse('button.open-type.getUserInfo'),
  //   isHide:false,
  //   canIUseGetUserProfile: true
  // },
  // 测试
  data: {
    userInfo: {},
    hasUserInfo: false,
    canIUseGetUserProfile: false,
    hiddenmodalput: true,
    inputSome: '',//中间商
    changeId:'',//点击修改时，该项的id
    v:"",//弹窗的值
    itemList:[
      {
        id:0,
        title:"手机",
        content:"",
        isShow: false,
        disabled:true,
        display:' '
      },
      {
        id:1,
        title:"邮箱",
        content:"",
        isShow: false,
        disabled:true,
        display:' '
      },
      {
        id:2,
        title:"版本号",
        content:"Re-0",
        isShow: false,
        disabled:true,
        display: 'none'
      },
      {
        id:3,
        title:"小程序介绍",
        content:"开发者加油！",
        isShow: false,
        disabled:true,
        display: 'none'
      }
    ]
  },
  // reset(){
  //   return ' '
  // },
   //取消按钮

  cancel: function(){
    this.setData({
      hiddenmodalput: true
    });
    console.log('cancel')
  },

  //确认
  confirm: function(e){
    console.log('this.data.inputSome',this.data.inputSome)
    console.log('this.data.changeId',this.data.changeId)
    console.log('this.data.itemList',this.data.itemList)
    for(let item of this.data.itemList){
      if(item.id===this.data.changeId){
        item.content=this.data.inputSome
      }
    }
    // this.data.itemList[this.data.changeId]=this.data.inputSome
    this.setData({
      itemList: this.data.itemList,
      hiddenmodalput: true
      
    })
    
  },
  //弹窗输入的值
  inputSome(e){
    console.log('inputSome',e.detail.value)
    this.data.inputSome=e.detail.value
    console.log('inputSome000',e.target.dataset.id)
    console.log('inputSome111',e)

  },
  // 修改信息，会弹窗
  change(e){
    console.log("2222")
    // this.data.inputSome=''
    this.setData({
      hiddenmodalput:!this.data.hiddenmodalput,
      changeId: e.target.dataset.id,
      inputSome: ' ',
      v: ' '
    })
    console.log("33333",this.data.changeId)
    // wx.showModal({

    //   title: '提示',

    //   content: '这是一个模态弹窗',

    //   success: function(res) {

    //       if (res.confirm) {

    //       console.log('用户点击确定',res.confirm)

    //       } else if (res.cancel) {

    //       console.log('用户点击取消')

    //       }

    //   }

  // })
  },
  isShowChage(e){
    for(let item of this.data.itemList){
      if(item.id===e.currentTarget.dataset.id){
        console.log('item.isShow0',item.isShow)
        
        item.isShow = ! item.isShow
        console.log('item.isShow1',item.isShow)

        
        // console.log(e.currentTarget.dataset.id)
      }
    }
    var list = this.data.itemList
    this.setData({
      itemList:list
    })
  },

  getUserProfile(e) {
    // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认
    // 开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
    wx.getUserProfile({
      desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
      success: (res) => {
        console.log("res",res.userInfo)
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      }
    })
  },
  bindGetUserInfo: function(e) {
    
             
    // wx.getUserProfile({
    //   desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
    //   success: (res) => {
    //     console.log("aaaa",res)
    //     // this.setData({
    //     //   userInfo: res.userInfo,
    //     //   hasUserInfo: true
    //     // })
    //   }
    // })   
    

    if (e.detail.userInfo) {
     //用户按了允许授权按钮
     var that = this;
     // 获取到用户的信息了，打印到控制台上看下
     console.log("用户的信息如下：");
     console.log(e.detail.userInfo);
     //授权成功后,通过改变 isHide 的值，让实现页面显示出来，把授权页面隐藏起来
     that.setData({
      isHide: true
     });
    } else {
     //用户按了拒绝按钮
     wx.showModal({
      title: '警告',
      content: '您点击了拒绝授权，将无法进入小程序，请授权之后再进入!!!',
      showCancel: false,
      confirmText: '返回授权',
      success: function(res) {
       // 用户没有授权成功，不需要改变 isHide 的值
       if (res.confirm) {
        console.log('用户点击了“返回授权”');
        
    
       }
      }
     });
    }
   },
  /**
   * 生命周期函数--监听页面加载
   */
 
  // onLoad: function() {
  //   var that = this;
  //   // 查看是否授权
  //   wx.getSetting({
  //    success: function(res) {
  //     if (res.authSetting['scope.userInfo']) {
  //      wx.getUserInfo({
  //       success: function(res) {
  //        // 用户已经授权过,不需要显示授权页面,所以不需要改变 isHide 的值
  //        // 根据自己的需求有其他操作再补充
  //        // 我这里实现的是在用户授权成功后，调用微信的 wx.login 接口，从而获取code
  //        wx.login({
  //         success: res => {
  //          // 获取到用户的 code 之后：res.code
  //          console.log("用户的code:" + res.code);
  //          // 可以传给后台，再经过解析获取用户的 openid
  //          // 或者可以直接使用微信的提供的接口直接获取 openid ，方法如下：
  //          wx.request({
  //           // 自行补上自己的 APPID 和 SECRET
  //           // url: 'https://api.weixin.qq.com/sns/jscode2session?appid=自己的APPID&secret=自己的SECRET&js_code=' + res.code + '&grant_type=authorization_code',
  //           // success: res => {
  //           //  // 获取到用户的 openid
  //           //  console.log("用户的openid:" + res.data.openid);
  //           // }
  //           url: 'https://api.weixin.qq.com/sns/jscode2session?appid=wxd6227f6385a6526d&secret=425f373d81a88defa5aa5cb793fae482&js_code=' + res.code + '&grant_type=authorization_code',
  //           success: res => {
  //            // 获取到用户的 openid
  //            console.log("用户的openid:" + res.data.openid);
  //            console.log("res",res.data)
             
  //           }
  //          });
  //         }
  //        });
  //       }
  //      });
  //     } else {
  //      // 用户没有授权
  //      // 改变 isHide 的值，显示授权页面
  //      that.setData({
  //       isHide: false
  //      });
  //     }
  //    }
  //   });
  //  },
  
  // 测试
  onLoad() {
    if (wx.getUserProfile) {
      this.setData({
        canIUseGetUserProfile: true
      })
    }
  },
  
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  }
})